<template>
  <div class="XPEText" :style="styleItem">{{ content }}</div>
</template>
<script>
export default {
  name: 'XPEText',
  props: {
    content: {
      type: String,
      default: '请输入文本'
    },
    color: {
      type: String,
      default: '#000'
    },
    size: {
      type: Number,
      default: 14
    }
  },
  data() {
    return {
      styleItem: {
        color: this.color,
        "font-size": this.size
      }
    }
  },
  created() {
    
  },
  methods: {
    
  },
}
</script>
<style lang="less">
  
</style>